pre {
    width: 100%;
    position: relative;
    border: none;
    padding: 0;
    margin: 0;
}

pre code {
    display: block;
    box-sizing: border-box;
    overflow-x: auto;
    font-family: Source Code Pro, Monaco, Menlo, Consolas, monospace;
    margin: 1.2em 0;
    padding: 15px 15px 10px 15px;
    line-height: 1.2em;
    width: 100%;
    border-radius: 5px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.125);
    font-size: 13px;
    color: #333;
    background: #f7f8f8
}

figure.highlight,
.codeblock {
    background: #f7f8f8;
    margin: 10px 0;
    line-height: 1.1em;
    padding-top: 15px;
    margin: 1em 0;
    border-radius: 5px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.125);
}

figure.highlight figcaption,
.codeblock figcaption {
    font-size: 13px;
    padding: 0 15px 20px;
    margin: 0;
    background: #f7f8f8;
    color: #999;
}

figure.highlight figcaption a,
.codeblock figcaption a {
    float: right;
    color: #40759b;
    font-weight: bold
}

figure.highlight table,
.codeblock table {
    width: 100%;
    margin: 0;
    padding-bottom: 10px;
    border-collapse: collapse;
    position: relative;
    display: block;
    overflow-x: auto
}

figure.highlight pre,
.codeblock pre,
figure.highlight .gutter,
.codeblock .gutter,
figure.highlight .code,
.codeblock .code,
figure.highlight .tag,
.codeblock .tag {
    background-color: inherit;
    font-family: Source Code Pro, Monaco, Menlo, Consolas, monospace;
    border: none;
    padding: 0;
    margin: 0;
    cursor: text
}

figure.highlight .gutter,
.codeblock .gutter,
figure.highlight .code,
.codeblock .code {
    vertical-align: top
}

figure.highlight.plain .gutter,
.codeblock.plain .gutter {
    display: none
}

figure.highlight .gutter,
.codeblock .gutter {
    background: #f7f8f8;
    border-right: 1px solid #e6e6e6;
    padding: .3em 15px;
}

figure.highlight .gutter .line,
.codeblock .gutter .line {
    color: #aaa
}

figure.highlight .line,
.codeblock .line {
    font-size: 13px;
    color: #333;
}

figure.highlight .line.marked,
.codeblock .line.marked {
    background: #f5e3de
}

figure.highlight .code,
.codeblock .code {
    padding: .3em 15px .3em 1em;
    width: 100%
}

.gist .line,
.gist .line-number {
    font-family: Source Code Pro, Monaco, Menlo, Consolas, monospace;
    font-size: 1em;
    margin: 0 0 5px 0
}

.highlight .comment,
.highlight .title {
    color: #888
}

.highlight .meta,
.highlight .tag {
    color: #324977
}

.highlight .attr {
    color: #118a04
}

.highlight .string,
.highlight .value,
.highlight .inheritance,
.highlight .header,
.highlight .ruby .symbol,
.highlight .xml .cdatabody {
    color: #920000
}

.highlight .keyword,
.highlight .javascript .function {
    color: #ec25ec
}

.highlight .number,
.highlight .preprocessor,
.highlight .built_in,
.highlight .literal,
.highlight .params,
.highlight .constant {
    color: #fb6a00
}

.highlight.apacheconf .code .common,
.highlight.apacheconf .code .nomarkup,
.highlight.apacheconf .code .attribute,
.highlight.apacheconf .code .variable,
.highlight.apacheconf .code .cbracket,
.highlight.apacheconf .code .keyword {
    color: #0086b3
}

.highlight.apacheconf .code .sqbracket {
    color: #df5000
}

.highlight.apacheconf .code .section,
.highlight.apacheconf .code .tag {
    color: #63a35c
}

.highlight.bash .code .literal,
.highlight.bash .code .built_in {
    color: #0086b3
}

.highlight.bash .code .title {
    color: #795da3
}

.highlight.bash .code .shebang {
    color: #969896
}

.highlight.bash .code .variable {
    color: #333
}

.highlight.coffeescript .code .subst,
.highlight.coffeescript .code .regexp,
.highlight.coffeescript .code .attribute {
    color: #df5000
}

.highlight.coffeescript .code .literal,
.highlight.coffeescript .code .built_in,
.highlight.coffeescript .code .number {
    color: #0086b3
}

.highlight.coffeescript .code .title {
    color: #795da3
}

.highlight.coffeescript .code .reserved,
.highlight.coffeescript .code .attribute {
    color: #1d3e81
}

.highlight.cpp .code .number,
.highlight.c .code .number,
.highlight.cpp .code .built_in,
.highlight.c .code .built_in {
    color: #0086b3
}

.highlight.cpp .code .preprocessor,
.highlight.c .code .preprocessor {
    color: #df5000
}

.highlight.cpp .code .title,
.highlight.c .code .title {
    color: #795da3
}

.highlight.cpp .code .meta-keyword,
.highlight.c .code .meta-keyword {
    color: #a71d5d
}

.highlight.cs .code .preprocessor,
.highlight.cs .code .preprocessor .keyword {
    color: #333
}

.highlight.cs .code .xmlDocTag,
.highlight.cs .code .doctag {
    color: #63a35c
}

.highlight.cs .code .number,
.highlight.cs .code .built_in {
    color: #0086b3
}

.highlight.cs .code .title {
    color: #795da3
}

.highlight.css .code .id,
.highlight.css .code .class,
.highlight.css .code .pseudo,
.highlight.css .code .selector-pseudo {
    color: #795da3
}

.highlight.css .code .attr_selector,
.highlight.css .code .value {
    color: #333
}

.highlight.css .code .attribute,
.highlight.css .code .hexcolor,
.highlight.css .code .number,
.highlight.css .code .function {
    color: #0086b3
}

.highlight.css .code .at_rule,
.highlight.css .code .important,
.highlight.css .code .meta {
    color: #a71d5d
}

.highlight.css .code .tag,
.highlight.css .code .selector-tag {
    color: #63a35c
}

.highlight.diff .code .deletion {
    color: #bd2c00;
    background-color: #ffecec
}

.highlight.diff .code .addition {
    color: #55a532;
    background-color: #eaffea
}

.highlight.http .code .literal {
    color: #0086b3
}

.highlight.http .code .request {
    color: #a71d5d
}

.highlight.http .code .attribute,
.highlight.http .code attr {
    color: #183691
}

.highlight.ini .code .value,
.highlight.ini .code .keyword {
    color: #333
}

.highlight.ini .code .setting,
.highlight.ini .code .attr {
    color: #a71d5d
}

.highlight.ini .code .chunk,
.highlight.ini .code .meta {
    color: #795da3;
    font-weight: bold
}

.highlight.ini .code .title,
.highlight.ini .code .section {
    color: #795da3
}

.highlight.js .code .tag .title {
    color: #333
}

.highlight.js .code .regexp {
    color: #df5000
}

.highlight.js .code .javadoc {
    color: #969896
}

.highlight.js .code .literal,
.highlight.js .code .number {
    color: #0086b3
}

.highlight.js .code .built_in,
.highlight.js .code .title {
    color: #795da3
}

.highlight.js .code .tag,
.highlight.js .code .javadoctag {
    color: #a71d5d
}

.highlight.java .code .title {
    color: #795da3
}

.highlight.java .code .number {
    color: #0086b3
}

.highlight.java .code .javadoc {
    color: #969896
}

.highlight.java .code .params {
    color: #1d3e81
}

.highlight.java .code .meta,
.highlight.java .code .annotation,
.highlight.java .code .javadoctag {
    color: #a71d5d
}

.highlight.mak .code .title {
    color: #795da3
}

.highlight.mak .code .constant {
    color: #333
}

.highlight.mak .code .keyword,
.highlight.mak .code .meta-keyword {
    color: #0086b3
}

.highlight.json .code .attribute {
    color: #183691
}

.highlight.json .code .number,
.highlight.json .code .literal {
    color: #0086b3
}

.highlight.md .code .link_url,
.highlight.md .code .link {
    text-decoration: underline
}

.highlight.md .code .link_reference,
.highlight.md .code .symbol,
.highlight.md .code .code {
    color: #0086b3
}

.highlight.md .code .value,
.highlight.md .code .link_label,
.highlight.md .code .strong,
.highlight.md .code .emphasis,
.highlight.md .code .blockquote,
.highlight.md .code .quote,
.highlight.md .code .section {
    color: #183691
}

.highlight.nginx .code .title,
.highlight.nginx .code .attribute {
    color: #a71d5d
}

.highlight.nginx .code .built_in,
.highlight.nginx .code .literal {
    color: #0086b3
}

.highlight.nginx .code .regexp {
    color: #183691
}

.highlight.nginx .code .variable {
    color: #333
}

.highlight.objectivec .code .title {
    color: #795da3
}

.highlight.objectivec .code .preprocessor,
.highlight.objectivec .code .meta {
    color: #a71d5d;
}

.highlight.objectivec .code .preprocessor .title,
.highlight.objectivec .code .meta .title {
    color: #df5000
}

.highlight.objectivec .code .literal,
.highlight.objectivec .code .number,
.highlight.objectivec .code .built_in {
    color: #0086b3
}

.highlight.objectivec .code .meta-string {
    color: #183691
}

.highlight.perl .code .title {
    color: #795da3
}

.highlight.perl .code .regexp {
    color: #df5000
}

.highlight.perl .code .sub {
    color: #795da3
}

.highlight.php .code .title {
    color: #795da3
}

.highlight.php .code .regexp {
    color: #df5000
}

.highlight.php .code .phpdoc,
.highlight.php .code .doctag {
    color: #a71d5d
}

.highlight.php .code .literal,
.highlight.php .code .number {
    color: #0086b3
}

.highlight.python .code .number {
    color: #0086b3
}

.highlight.python .code .decorator,
.highlight.python .code .title,
.highlight.python .code .meta {
    color: #795da3
}

.highlight.ruby .code .prompt,
.highlight.ruby .code .constant,
.highlight.ruby .code .number,
.highlight.ruby .code .subst .keyword,
.highlight.ruby .code .symbol {
    color: #0086b3
}

.highlight.ruby .code .parent,
.highlight.ruby .code .title {
    color: #795da3
}

.highlight.sql .code .number {
    color: #0086b3
}

.highlight.sql .code .built_in {
    color: #a71d5d
}

.highlight.xml .code .tag {
    color: #333
}

.highlight.xml .code .value {
    color: #183691
}

.highlight.xml .code .title,
.highlight.xml .code .name {
    color: #63a35c
}

.highlight.xml .code .attribute,
.highlight.xml .code .attr {
    color: #795da3
}

.highlight.puppet .code .title {
    color: #795da3
}

.highlight.puppet .code .name {
    color: #a71d5d
}

.highlight.puppet .code .function {
    color: #0086b3
}

.highlight.puppet .code .attr {
    color: #0086b3
}

.highlight.less .code .number,
.highlight.less .code .hexcolor,
.highlight.less .code .function,
.highlight.less .code .attribute {
    color: #0086b3
}

.highlight.less .code .id,
.highlight.less .code .pseudo,
.highlight.less .code .class,
.highlight.less .code .selector-id,
.highlight.less .code .selector-class,
.highlight.less .code .selector-tag {
    color: #795da3
}

.highlight.less .code .tag,
.highlight.less .code .at_rule {
    color: #a71d5d
}

.highlight.less .code .built_in {
    color: #df5000
}

.highlight.sass .code .number,
.highlight.sass .code .hexcolor,
.highlight.sass .code .function,
.highlight.sass .code .attribute {
    color: #0086b3
}

.highlight.sass .code .tag,
.highlight.sass .code .selector-tag {
    color: #63a35c
}

.highlight.sass .code .built_in {
    color: #df5000
}

.highlight.sass .code .tag,
.highlight.sass .code .at_rule,
.highlight.sass .code .important {
    color: #a71d5d
}

.highlight.sass .code .id,
.highlight.sass .code .pseudo,
.highlight.sass .code .class,
.highlight.sass .code .preprocessor,
.highlight.sass .code .selector-class,
.highlight.sass .code .selector-id {
    color: #795da3
}

.highlight.sass .code .variable {
    color: #333
}

.highlight.stylus .code .tag,
.highlight.stylus .code .selector-tag {
    color: #63a35c
}

.highlight.stylus .code .at_rule {
    color: #a71d5d
}

.highlight.stylus .code .class,
.highlight.stylus .code .id,
.highlight.stylus .code .pseudo,
.highlight.stylus .code .title,
.highlight.stylus .code .selector-id,
.highlight.stylus .code .selector-pseudo,
.highlight.stylus .code .selector-class {
    color: #795da3
}

.highlight.stylus .code .number,
.highlight.stylus .code .hexcolor,
.highlight.stylus .code .attribute,
.highlight.stylus .code .params {
    color: #0086b3
}

.highlight.go .code .built_in,
.highlight.go .code .constant {
    color: #0086b3
}

.highlight.go .code .typename {
    color: #a71d5d
}

.highlight.swift .code .preprocessor {
    color: #a71d5d
}

.highlight.swift .code .title {
    color: #795da3
}

.highlight.swift .code .built_in,
.highlight.swift .code .number,
.highlight.swift .code .type {
    color: #0086b3
}

.highlight.yml .code .number {
    color: #fb6a00
}

.highlight.yml .code .line,
.highlight.yml .code .attr {
    color: #795da3
}

.highlight.yml .code .line,
.highlight.yml .code .string,
.highlight.yml .code .type,
.highlight.yml .code .literal,
.highlight.yml .code .meta {
    color: #920000
}